<%--
  Created by IntelliJ IDEA.
  User: DELL
  Date: 2019/5/8
  Time: 12:56
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>个人信息</title>
    <style type="text/css">
        body
        {
            background-image: url(2.jpg);
            background-repeat: no-repeat;
            background-size: 1550px 800px;
            background-attachment: fixed;
        }
        .div
        {
            border: 1px solid;
            border-radius: 10px 10px 10px 10px;
            width: 1000px;
            height: 700px;
            margin: 0 auto;
            background-color:white;
            opacity: 0.8;
        }
        .div1
        {
            height: 920px;
            width: 270px;
            float: left;
            margin-top: 20px;
            text-align: center;
        }
        .div2
        {
            font-size: 18px;
            font-weight: bold;
            text-align: center;
            width: 700px;
            height: 40px;
            float: left;
            margin-top: 15px;
            margin-bottom: 10px;
        }
        .img
        {
            border: 1px solid #ccc;
            border-radius: 50%;
        }
        .div3
        {
            width: 300px;
            height: 150px;
            float: left;
        }
        .div4
        {
            width: 300px;
            height: 150px;
            margin-right: 50px;
            float: right;
        }
        .div5
        {
            width: 700px;
            height: 50px;
            float: left;

        }
        .i1
        {
            padding: 2px 0 5px 6px;

        }
        .i2
        {
            padding: 2px 0 5px 6px;
            width: 300px;
        }
        .sub1
        {
            width: 310px;
            height: 30px;
            color: white;
            background-color:gray;
            border: none;
        }

    </style>
</head>
<body>
<div class="div">
    <form action="" method="post">
        <div class="div1">
            <div>
                <a href="" title="更换头像">
                    <img class="img" src="dgut.jpg" width="120" height="120" alt="头像">
                </a>
            </div>
        </div>
        <div class="div2">
            个人信息
            <br>
            <hr>
        </div>
        <div class="div3">
            姓
            <br>
            <input type="text" name="surname" class="i1" value="刘">
        </div>
        <div class="div4">
            名
            <br>
            <input type="text" name="name" class="i1" value="杉">
        </div>
        <div class="div3">
            用户名
            <br>
            <input type="text" name="username" class="i2" value="201741412127" disabled="true">
        </div>
        <div class="div4">
            邮箱
            <br>
            <input type="text" name="email" class="i2" value="1151717268@qq.com">
        </div>
        <div class="div3">
            手机号
            <br>
            <input type="text" name="phone" class="i2" value="13268568191">
        </div>
        <div class="div5">
            <input type="submit" name="submit" class="sub1" value="保存">
        </div>
    </form>
</div>
</body>
</html>
